<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>top</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<link rel="stylesheet" type="text/css" href="CSS/style.css">
	<script type="text/javascript" src="JS/borrowAjax.js"></script>
</head>
<body>

<table width="778"  border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td valign="top" bgcolor="#FFFFFF">
    <table width="100%" height="509"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td height="27" valign="top" style="padding:5px;" class="current_addr">Current Address: BORROW</td>
  </tr>
  <tr>
  <td height="27">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="top" style="padding:5px;">
     <table width="100%"  border="0" cellspacing="0" cellpadding="0">
	 <tr>
        <td height="47" background="images/borrow.gif"></td>
      </tr>
      <tr>
        <td height="72" align="center" valign="top" background="images/main_Instrument1.gif" bgcolor="#F8BF73" style="padding-left: 1px">
        <table width="96%" border="0" cellpadding="1" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#F8BF73">
          <tr>
            <td valign="top" bgcolor="#F8BF73">

                <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                  <tr>
                    <td>
                  <table width="100%" height="21" border="0" cellpadding="0" cellspacing="0">
                   <tr>
                   <td width="100%">
                    <table height="21" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td height="18" style="padding-left:7px;padding-top:7px;" width="15%"><img src="images/user_checkbg.jpg" width="142" height="18"></td>
                          <td style="padding-top:7px;" width="5%" >USER ID：</td>
                          <td width="50%"> <input type="text" id="userID" size="49" tabindex="1" maxlength="8"></td>
                          <td rowspan="2" width="35%" align="left" style="padding-left: 20px">
                  		 	<input name="Button" type="button"  value="OK" onClick="return checkUser_Ins();" style="height: 50; width: 50">
                  	 	 </td>
                        </tr>
                        
                        <tr>
                          <td height="18" style="padding-left:7px;padding-top:7px;"><img src="images/instrument_checkbg.jpg" width="142" height="18"></td>
                          <td style="padding-top:7px;" width="5%">BARCODE：</td>
                          <td>  <input  type="text" id="barcode" size="49" tabindex="2" maxlength="45"></td>
                         
                        </tr>
                    </table>
                    </td>
                    </tr>
                    </table>

                  <tr>
                    <td height="13" align="left" style="padding-left:1px; padding-right: 1px"><hr width="100%" size="1"></td>
                    </tr>
                  <tr>
                    <td align="center">
                    <table width="96%" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td height="27">Firstname：</td>
                          <td><input type="text" id="firstname" readonly> </td>
                          <td>Second name：</td>
                          <td><input type="text" id="lastname" readonly> </td>
                          <td>Gender：</td>
                          <td> <input type="text" id="gender" readonly></td>
                        </tr>
                        <tr>
                          <td height="27">E-mail：</td>
                          <td><input  type="text" id="email" readonly></td>
                          <td>Nimble：</td>
                          <td>
                          	 <select style="width: 93%" id = "selectdays" tabindex="3">
                          	 	<option  value="10">10 days</option>
                          	 	<option  value="20">20 days</option>
                          	 	<option  value="25">25 days</option>
                          	 	<option  value="30" selected>30 days</option>
                          	 	<option  value="45">45 days</option>
                          	 	<option  value="60">60 days</option>
                          	 	<option  value="75">75 days</option>
                          	 	<option  value="90">90 days</option>
                          	 	<option  value="100">100 days</option>
                          	 </select>
                          </td>
                          <td>Days：</td>
                          <td><input  type="text" id="days" maxlength="3" tabindex="4"></td>
                        </tr>
                        
                    </table></td>

              </table></td>
          </tr>
               <tr>
                 <td height="32" background="images/borrow_if.gif">
					<div id="message"  align="center" style="font-size: 16px;padding-top: 3px; color: #ff4000"></div>                
                 </td>
               </tr> 
          <tr>
            <td valign="top" bgcolor="#FCEC9A" style="padding-top: 5px;padding-left: 0;padding-right: 0;">
            <div id = "borrowbody">
            <table width="100%" border="1px" cellpadding="0" cellspacing="0" bordercolor="#8D8D8D" bgcolor="#FFFFFF">
               <tr align="center" bgcolor="#F9D16B">
                <td width="20%" height="25">Instrument Name</td>
                <td width="15%" height="25">Bar-code</td>
                <td width="15%">User ID</td>
                <td width="15%">Borrow Time</td>
                <td width="15%">Back Time</td>
               </tr>

                <tr>
                  <td align="center" height="25" style="padding:5px;">&nbsp;</td>
                  <td align="center" style="padding:5px;">&nbsp;</td>
                  <td align="center" style="padding:5px;">&nbsp;</td>
                  <td align="center" style="padding:5px;">&nbsp;</td>
                  <td align="center" id = "backtime">&nbsp;</td>
                </tr>
             </table>
             </div>
			</td>
          </tr>
		 
        </table></td>
		 
      </tr>
      <tr>
        <td height="19" background="images/main_Instrument2.gif">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
 </td>
  </tr>
</table>
</body>
</html>